<template>
 <div id="app">
   <div class="title">
      <span class="lefta"><van-icon name="arrow-left" @click="fh" /></span>
      设置
    </div>

   <!-- <p>设置</p> -->
      <button @click="tuic">退出登入</button>
 </div>
</template>

<script>
 export default {
   name: '',
   props: [
   ],
   components: {

   },
   data () {
     return {

     }
   },
   methods: {
      tuic(){
        this.$router.push('/login')
        window.sessionStorage.clear();
        this.$toast.success('退出成功');
      },
      fh(){
          this.$router.push('person');
      }
   },
   mounted() {

   },
   watch: {

   },
   computed: {

   },
   filters: {

   }
 }
</script>

<style lang='scss' scoped>
#app{
  width: 100%;
  text-align: center;
}
.title {
  width: 100%;
  background: white;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  height: 50px;
  position: relative;
  font-size: 16px;
  .lefta {
    position: absolute;
    left: 20px;
    top: 5px;
    width: 20px;
  }
}
p{
  text-align: center;
  font-size: 18px;
}
button{
  width: 300px;
  height: 50px;
  border-radius: 5px;
  text-align: center;
  margin-top: 50px;
  background: rgba(255, 68, 0, 0.685);
  border:none
}
</style>